.flex {
	display: flex;
}

.align-center {
	align-items: center;
}

.just-center {
	justify-content: center;

}

.just-between {
	display: flex;
	justify-content: space-between;
}

.just-yc {
	display: flex;
	align-content: center;
}

.just-xc {
	display: flex;
	justify-content: center;
}

.aj-center {
	display: flex;
	align-items: center;
	justify-content: center;
}


.flex-column {
	display: flex;
	flex-direction: column;
}
.flex-columnce{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.flex-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.flex-nowrap {
	display: flex;
	flex-wrap: nowrap;
}

.w-50 {
	width: 50%;
}

.w-100 {
	width: 100%;
}

.h-100 {
	height: 100%;
}

.pt-22 {
	padding-top: 22rpx;
}

.page-bg {
	background-color: #F9F9F9;
}

/* 任务页 */
.box {
	padding: 10rpx 30rpx 0rpx 30rpx;
}

image {
	width: 100%;
	height: 100%;
}

/* 顶部切换栏 */
.tab-scroll-row {
	width: 100%;
	white-space: nowrap;
	/* border: 1px solid red; */
}

.tab-scroll-row-item {
	display: inline-block !important;
}

.tab-px-3 {
	padding-left: 50rpx;
	/* padding-right: 42rpx; */
}

.tab-py-1 {
	padding-top: 10rpx;
	padding-bottom: 10rpx;
}

.tab-font-md {
	font-size: 35rpx;
}

.tab-text-main {
	font-size: 14px;
	color: #222222;
}

.tab-text-y {
	font-size: 12px;
	color: #999999;
}

.tab-line {
	width: 100%;
	height: 4rpx;
	background: #FE5734;
	border-radius: 1px;
}

.color0 {
	color: #000000;
}

.color17 {
	color: #171520;
}

.color-f8 {
	color: #F8FAFB;
}

.color2 {
	color: #222222;
}

.colorfe {
	color: #FE5734;
}

.color-ff {
	color: #FFFFFF;
}

.color-ffca {
	color: #FFCAB2;
}

.color9 {
	color: #999999;
}

.color-4d {
	color: #4D97FF;
}

.color-6 {
	color: #666666;
}

.color-9 {
	color: #999999;
}

.colorfW {
	color: #FE5734;
	font-weight: bold;
}

.color0W {
	font-weight: bold;
	color: #000000;
}

.color17W {
	font-weight: bold;
	color: #171520;
}

.color2W {
	font-weight: bold;
	color: #222222;
}

.color9W500 {
	font-weight: 500;
	color: #999999;
}

.colorbW5 {
	font-weight: 500;
	color: #000000;
}

.color17W5 {
	font-weight: 500;
	color: #171520;
}

.color2W5 {
	font-weight: 500;
	color: #222222;
}

.color-4d500 {
	font-weight: 500;
	color: #4D97FF;
}


.bg-fe {
	background: #FE5734;
}

.bg-ff9 {
	background: #FF9566;
}

.bg-ff {
	background: #FFFFFF;
}

.bg-17 {
	background: #171520;
}

.bg-f8 {
	background: #F8FAFB;
}

.bg05-show {
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
	background: #FF9566;
}

.bgff-show {
	background: #FFFFFF;
	box-shadow: 0px 0px 8px 0px rgba(230, 230, 230, 0.5);
}

.bg-feshow {
	background: #FE5734;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
}

.bg-ff9show {
	background: #FF9566;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
}

.bg-ffshow {
	background: #FFFFFF;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
}

.button-feshow {
	background: #FE5734;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
}

.button-ff9show {
	background: #FF9566;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
}

/* 字体 */
.fs-32 {
	font-size: 32rpx;
}

.fs-10 {
	font-size: 10rpx;
}

.fs-13 {
	font-size: 26rpx;
}

.fs-32 {
	font-size: 32rpx;
}

.fs-20 {
	font-size: 20rpx;
}

.fs-22 {
	font-size: 22rpx;
}

.fw-500 {
	font-weight: 500;
}

/* 圆角 */

.bor-r1 {

	border-radius: 2rpx;
}

.bor-r20 {

	border-radius: 40rpx;
}

/* 边距离 */
.mr12 {
	margin-right: 12rpx;
}

.mr10 {
	margin-right: 10rpx;
}

.x-banner {
	background: #FFFFFF;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
	padding: 40rpx 0rpx 0rpx 0rpx;
	margin: 30rpx;
	overflow: hidden;
	box-sizing: border-box;
}


.px30 {
	padding: 0rpx 30rpx 0rpx;
}
